$(function(){
	 //从localStorage中取出提醒的操作值
	/*if(window.localStorage){
		try{
			ismodel = JSON.parse(localStorage["ismodel"]);
			$('.crearworker a').removeAttr('data-target').removeClass('open-popup');			
		}catch(e){
			localStorage.removeItem("ismodel");
			ismodel = ismodel
		}
	}else{
		ismodel = ismodel;
	} */
	
		//不再提醒
	$('#card_model_full').on('touchend','.notnotice',function(){
		$(this).attr('ishow','false');
		if($(".labelmodel .weui-check:checked").length==0){//没有选中模板 默认为纯图片
			$(".workmodel_view .weui-check[is_default=1]").prop("checked",true);
		}
		/*ismodel=Number($(".labelmodel .weui-check:checked").attr('id'));
		if(window.localStorage){
			localStorage["ismodel"] = JSON.stringify(ismodel);
		}	*/		
		ismodel=Number($('.workmodel_view input.weui-check:checked').attr("id"));
		$.cookie('ismodel', ismodel, { expires: 3, path: '/' }); 
			
		//新建作品  根据选择的模板出现相应的布局
		//lym 2017 11.23更新
		$('.lay_type_item').removeClass("editoring");
		$('.lay_type_item[layout_categoryid="'+ismodel+'"]').addClass("editoring");
 		showgetlayout();
		
			
		
		
	})
	
	//新建作品
	$('.crearworker').on('click','a',function(){
		
		if($(".workeritem").find(".icon_com").length!=0){
			$.alert('您还有未完成的作品哦！！');
		}else{
		
			if(ismodel!=0){
					//lym 2017 11.23更新
					$('.lay_type_item').removeClass("editoring");
					$('.lay_type_item[layout_categoryid="'+ismodel+'"]').addClass("editoring");
					opentype=2;	
				if(ismodel==4){//lym 2017 11.17 新增月历修改
						var curentdate=new Date; 		
						$("#layoutdate").picker("setValue", [curentdate.getFullYear()+"年", (curentdate.getMonth()+1)+"月"]);
						if(!$("#half").is(":hidden")){//lym 2017 11.21 新增月历修改
							$.closePopup("#half");
							$(".layout_type ").hide();
						}	
						$(".selectdate").show();
					
				}else if(ismodel==5){//lym 2017.12.08 新增一图一记修改
					//新建时初始化 天气的选择
 					create_weather();					
				}else{//lym 2017 11.17 新增月历修改
					$("#originaleditor,#pagemain").hide().empty();						
					//遍历布局列表
				 	lay_list(ismodel); 	
					$(".layout_type").hide();
					$(".layout_list_box").show();
					$("#half .stop-editor").hide();
					$("#half").append('<div class="popup_forbidden _fixed"></div>')
					$("#half").popup();	
					//显示竖版横版
					showlayout_sty();
					$(".worker_con").hide();
					$(".originalwork").show();
					
				}				
			}else{
				$(".workmodel_view .weui-check[is_default=1]").prop("checked",true);
				document.title="制作模板";
				$("#card_model_full").popup();	
			}
			$("#pagemain").empty();
		}
	})	
	
	//新建作品时选择模板
	$(document).on('click','.workmodel_view input',function(){	
		//lym 2017 11.23更新
		$('.lay_type_item').removeClass("editoring");
		$('.lay_type_item[layout_categoryid="'+$(this).attr('id')+'"]').addClass("editoring");
		//lym 2017 11.17 新增月历修改
		if($(this).attr('id')==4){		
 			opentype=2;	
			var curentdate=new Date; 		
			$("#layoutdate").picker("setValue", [curentdate.getFullYear()+"年", (curentdate.getMonth()+1)+"月"]);
			if(!$("#half").is(":hidden")){//lym 2017 11.21 新增月历修改
				$.closePopup("#half");
				$(".layout_type ").hide();
			}	
			$(".selectdate").show();
		}else if($(this).attr('id')==5){//lym 2017.12.15   新增一图一记修改
	 		opentype=2;	
			//新建时初始化 天气的选择
 			create_weather();	
		}else{
			//新建作品  根据选择的模板出现相应的布局		
 			showgetlayout();
		}	
			
	})
	
	//打开模板风格
	$(document).on('click','.changelayout',function(){			
		$("#half").popup();
		$(".lay_type_item,.layout_list_item").removeClass('editoring');
		$(".layout_type").show();
		$(".layout_list_box").hide();
		//隐藏竖版横版
		hidelayout_sty();
	})
	
	//打开模板风格
	$(document).on('click','.popup_forbidden',function(e){			
		e.stopPropagation();
	})
	//选择布局
	$(document).on('click','.layout_list_item',function(){	
		//$.closePopup();
		var pageno=$("#pagemain .editoring").closest('.pageitem').index();
		var categoryid=$(".layout_type .editoring").attr("layout_categoryid");
		var index=$(this).index();
		if(opentype==2){
			if(UtilProperty[work_id]!=undefined&&UtilProperty[work_id].worker[0].control_list.length==0){
				//生成空白作品的数据
				Emptyworkdata(categoryid,index);
			}else{
				
				creatework(categoryid,index);
				if(ismodel!=0){//是否选择了不再提醒
					/*if(window.localStorage){
						ismodel=Number(categoryid);
						localStorage["ismodel"] = JSON.stringify(ismodel);
					}*/
					ismodel=Number(categoryid);
					$.cookie('ismodel', ismodel, { expires: 3, path: '/' }); 
				}
			}
		}else{
			if(pageno!=-1){			
				var result=judelayimg(categoryid,pageno,index)//判断选择的布局中的图片控件是否少于当前页面中的图片 	
				if(result.imgdel==true){	
					 $.confirm("您确定删除图片吗?", "提示", function() {		
				 		//确定更改布局
			 			comfirmchangelayout(categoryid,pageno,index);
			 			$.closePopup("#half");
			 			//隐藏竖版横版
						hidelayout_sty();
			        }, function() {
			          //取消操作
			        });	
				
				}else if(result.imgdel==true&&result.textdel==true){	
					 $.confirm("您确定删除图片及文字吗?", "提示", function() {		
				 		//确定更改布局
			 			comfirmchangelayout(categoryid,pageno,index);
			 			$.closePopup("#half");
			 			//隐藏竖版横版
						hidelayout_sty();
			        }, function() {
			          //取消操作
			        });	
				
				}else if(result.textdel==true){	
					 $.confirm("您确定删除文字吗?", "提示", function() {		
				 		//确定更改布局
			 			comfirmchangelayout(categoryid,pageno,index);
			 			$.closePopup("#half");
			 			//隐藏竖版横版
						hidelayout_sty();
			        }, function() {
			          //取消操作
			        });	
				
				}else{
					//确定更改布局
			 		comfirmchangelayout(categoryid,pageno,index);		 		
			 		$.closePopup("#half");
			 		//隐藏竖版横版
					hidelayout_sty();
			 		
				}
			}		
		}
			
	})
	
	
	
	//选择模板
	$('.layout_type').on('click',".lay_type_item",function(){
		$(this).addClass('editoring').siblings().removeClass('editoring');	
		//lym 2017 11.17 新增月历修改
		var categoryid=$(this).attr('layout_categoryid');
		if(categoryid==4){//月历
			//判断是否含有月历模板
 			var index=$("#pagemain .editoring").index();
 			if(index!=-1){
 				var isflag=judecalendar(index);
 				if(isflag){
 					//遍历布局列表		
					lay_list(categoryid);
					$(".layout_type ").hide();
					$(".layout_list_box").show();
					tempmodel=categoryid;
					//显示竖版横版
					showlayout_sty();
 				}else{
 					//更换月历控件布局
					var curentdate=new Date; 		
					$("#layoutdate").picker("setValue", [curentdate.getFullYear()+"年", (curentdate.getMonth()+1)+"月"]);
					if(!$("#half").is(":hidden")){
					$.closePopup("#half");
						$(".layout_type ").hide();
					}	
					$(".selectdate").show();
 				}
 			}else{
 				//更换月历控件布局
				var curentdate=new Date; 		
				$("#layoutdate").picker("setValue", [curentdate.getFullYear()+"年", (curentdate.getMonth()+1)+"月"]);
				if(!$("#half").is(":hidden")){
				$.closePopup("#half");
					$(".layout_type ").hide();
				}	
				$(".selectdate").show();
 			}
		}else if(categoryid==5){//lym 2017.12.15  新增一图一记修改
			var index=$("#pagemain .editoring").index();
 			if(index!=-1){ 					
				var isflag=judeweather(index);
				if(isflag){
					//遍历布局列表		
					lay_list(categoryid);
					$(".layout_type ").hide();
					$(".layout_list_box").show();
					tempmodel=categoryid;
					//显示竖版横版
					showlayout_sty();
				}else{
					//新建时初始化 天气的选择
 					create_weather();
				}
				
			}else{
				//新建时初始化 天气的选择
 				create_weather();
			}
			
			
		}else{
			//遍历布局列表		
			lay_list(categoryid);
			$(".layout_type ").hide();
			$(".layout_list_box").show();
			tempmodel=categoryid;
			//显示竖版横版
			showlayout_sty();	
			
			
		}
		
		
	})
	
	
	 
	//返回模板风格
	$('.layout_list_box').on('click',".back_lay_type",function(){
		
		$(".layout_type").show();
		$(".layout_list_box").hide();
		$(".layout_list").empty();
		//隐藏竖版横版
		hidelayout_sty();
	})
	
	$(document).on("click",".layout_sty input.weui-check",function(){
		var orientation;
	if($(this).is(":checked")){
		orientation=$(this).attr('orientation');
		$(".layout_sty input[orientation!="+orientation+"]").prop("checked",false);
	}else{
		orientation=$(".layout_sty input[orientation!="+$(this).attr('orientation')+"]").attr('orientation');
		$(this).prop("checked",false);
	}	 	
	$(".layout_list").find('.layout_list_item ').each(function(i,e){
			if($(e).attr('orientation')==orientation){
				$(e).show();
			}else{
				$(e).hide();
			}
			
		})
	
	})
	
	
	//lym 2017 11.17 新增月历修改
	$('.selectdate').on('click',".comfirm_date",function(){	
		if(opentype==2){
			if(UtilProperty[work_id]!=undefined&&UtilProperty[work_id].worker[0].control_list.length==0){
				//打开空的作品页 选择的布局
				Emptyworklayout();
			}else{	
				if(ismodel==4){//lym 于2017 11.14新增月历的模板选择 判断					
					$("#originaleditor,#pagemain").hide().empty();	
						$('.lay_type_item').removeClass("editoring");
						$('.lay_type_item[layout_categoryid="'+ismodel+'"]').addClass("editoring");
						//遍历布局列表
					 	lay_list(ismodel); 	
						$(".layout_type").hide();
						$(".layout_list_box").show();
						$("#half .stop-editor").hide();
						$("#half").append('<div class="popup_forbidden _fixed"></div>')
						$("#half").popup();	
						//显示竖版横版
						showlayout_sty();
						opentype=2;	
						
						$(".worker_con").hide();
						$(".originalwork").show();
					
				}else{
					//新建作品  根据选择的模板出现相应的布局					
	 				showgetlayout();
				}
			}
		}else{//更换日历模板
			var currentid=$(".comfirm_date").attr("currentid");
			if(currentid==undefined){//lym 2017 11.20 新增月历修改						
				var tempmodel=$(".layout_type .editoring").attr('layout_categoryid');
					//遍历布局列表		
				lay_list(tempmodel);
				//$(".layout_type ").hide();
				$(".layout_list_box").show();
				$("#half").popup();	
				//显示竖版横版
				showlayout_sty()
			}else{//lym 2017 11.20 新增月历修改	 修改月历的日期
				comfrimDateToCanvas();
			}
		}
		$(".selectdate").hide();
		
	})
	
	//lym 2017 11.17 新增月历修改 确定已经选择的年份和月份
	$('.selectdate').on('click',".cancel_date",function(){		
		$(".selectdate").hide();
		if(!$(".comfirm_date").attr("currentid")==undefined){
			$(".comfirm_date").removeAttr("currentid");
		}
	})
	
	
	
})


//获取模板分类
function get_layout_category(){
	baseAjax('other/work/get_layout_category','GET',{sku_code:sku_code},function(data){		
			UtilProperty.layout_category=new Object;
			//遍历模板
			layout_category(data.data);
			
			
		})
	
}
//遍历模板
function layout_category(data){
	$(".workmodel_view ul,.layout_type").empty();	
	var isdefault=false;
	var isdefaultid;
	for(var i=0; i<data.length; i++){
		var item=data[i];
		if(item.is_default==1){
			isdefault=true;
		}
		if(i==0){
			isdefaultid=item.id;
		}
		var htm='<li>'+
					'<label class="weui-cell weui-check__label" for="'+item.id+'">'+ 
			       	'<img src="layout/'+item.id+'.jpg" alt="">'+
			       		'<div class="labelmodel">'+       
          					'<input type="radio" class="weui-check" name="checkbox_lay" id="'+item.id+'" is_default="'+item.is_default+'" '+(item.is_default==1?'checked':'')+'>'+
							'<i class="weui-icon-checked"></i>'+						      
						'</div>'+						
					'</label>'+
					'<div class="category_type_text">'+item.category_name+'</div>'+
			   ' </li>';
		
		var  layhtm='<div class="lay_type_item itemflexthree" layout_categoryid="'+item.id+'"><img src="layout/'+item.id+'.jpg"><div class="lay_type_text">'+item.category_name+'</div></div>';
		$(".layout_type").append(layhtm);
		$(".workmodel_view ul").append(htm);
		UtilProperty.layout_category[item.id]=item;		
	}
	
	if(isdefault==false&&data.length>0){
		UtilProperty.layout_category[isdefaultid].is_default=1;	
		$(".workmodel_view .weui-check").eq(0).attr("is_default","1").prop("checked",true);
	}
}

//遍历布局列表
function lay_list(categoryid){
	
	
	var laylist=UtilProperty.layout_category[categoryid].layout_list;
	$(".layout_list").empty();	
	$(".back_lay_type").attr('style','width:49px;height:79px; line-height:79px;');
	for(var i=0; i<laylist.length;i++){
		var item=laylist[i];
		
			var scale=$(".layout_list_box").height()/item.height;
			var layout_width=item.width*scale;
			var layout_height=$(".layout_list_box").height();
			var conthtm='';
			if(item.control_list instanceof Array && item.control_list.length > 0){
				for( var k=0; k<item.control_list.length; k++){
					var list=item.control_list[k];
					var styletxt='position: absolute; top:'+list.coordinate_y*scale+'px; left: '+list.coordinate_x*scale+'px; width: '+list.width*scale+'px; height: '+list.height*scale+'px;'
					//conthtm=conthtm+'<div class="layout_inner" style="'+styletxt+'"></div>';
					//conthtm=conthtm+'<div class="layout_inner" style="'+styletxt+'"><img src="img/'+(list.control_id==2?'T':'pic')+'.png"/></div>';
					conthtm=conthtm+'<div class="layout_inner '+(list.control_id==2?'textcss':'piccss')+'" style="'+styletxt+'"></div>';
				
				}
				
				
			var layhtml='<div class="layout_list_item itemflexthree" layout_id="'+item.id+'"  orientation="'+item.orientation+'"   style="width:'+layout_width+'px;height:'+layout_height+'px;'+(item.orientation==1?"display:none;":"")+'; ">'+conthtm+'</div>';
			
			//var layback='<div class="back_lay_type itemflexthree" style="width:'+layout_width+'px;height:'+layout_height+'px; line-height:'+layout_height+'px;"><img src="img/back.png"></div>';		
			$(".layout_list").append(layhtml);
			}
			
		
		if(i==0){			
				var bacstyle='width:'+layout_width+'px;height:'+layout_height+'px; line-height:'+layout_height+'px;';
				$(".back_lay_type").attr('style',bacstyle);
				var law=$(window).width()-42-layout_width;
				$(".layout_list").css('width',law+'px');
				$(".layout_list").css('height',layout_height+21+'px')
			}
	}
	
	
}


//判断选择的布局中的图片控件是否少于当前页面中的图片
function judelayimg(categoryid,pageno,index){
	var lay_list = UtilProperty.layout_category[categoryid].layout_list[index];	//当前选择的布局
	var temp = UtilProperty[work_id].worker[pageno].control_list;
	var pageTempdata = new Array;	
	var work_page_id = UtilProperty[work_id].worker[pageno].id;
	var laynum=0;
	var crrentnum=0;
	var laytxtnum=0;
	var crrenttxtnum=0;
	var result=new Object;
	result.imgdel=false;
	result.textdel=false;
	for(var i = 0; i < lay_list.control_list.length; i++) {
		var item = lay_list.control_list[i];
		if(item.disabled==0){//lym 2017 11.22 新增月历修改 
			if(item.control_id==1){
				laynum++;
			}
			if(item.control_id==2){
				laytxtnum++;
			}
		}
	}
	for(var k = 0; k < temp.length; k++) {
		if(temp[k].disabled==0){//lym 2017 11.22 新增月历修改 
			if(temp[k].control_id==1) {
				if(temp[k].element_list instanceof Array && temp[k].element_list.length > 0) {
					if(temp[k].element_list[0].image_url!=""){
					crrentnum++;	
					}
				}
				
			}
			if(temp[k].control_id==2) {
				if(temp[k].element_list instanceof Array && temp[k].element_list.length > 0) {
					if(temp[k].element_list[0].content!=""){
					crrenttxtnum++;	
					}
				}
				
			}
		}
	}
	if(crrentnum>laynum){
		result.imgdel=true;
	}
	if(crrenttxtnum>laytxtnum){
		result.textdel=true;
	}
	return result;
	
}

//确定更改布局
function comfirmchangelayout(categoryid,pageno,index){
	var lay_list = UtilProperty.layout_category[categoryid].layout_list[index];	//当前选择的布局
	var temp = UtilProperty[work_id].worker[pageno].control_list;
	var pageTempdata = new Array;	
	var work_page_id = UtilProperty[work_id].worker[pageno].id;
	//lym 2017 11.17 新增月历修改 
	var mulitImg=[];
	for(var i = 0; i < lay_list.control_list.length; i++) {
		var item = lay_list.control_list[i];
		var obj = {
			content: item.control_id==1?item.content:{},
			control_id: item.control_id,
			coordinate_x: item.coordinate_x,
			coordinate_y: item.coordinate_y,
			disabled:item.disabled,
			height: item.height,
			id: item.id,
			layout_id: item.layout_id,
			style: item.style,
			transform: item.transform,
			width: item.width,
			z_index: item.z_index			
		};
		obj.work_id = work_id;
		obj.work_page_id = work_page_id;
		obj.element_list=new Array;
		//lym 2017 11.17 新增月历修改
		if(item.control_id==1 && !(item.content instanceof Array)){
			obj.element_list[0]={cut_x:item.content.coordinate_x,cut_y:item.content.coordinate_y,height:item.content.height,width:item.content.width,image_id:item.content.image_id,image_url:item.content.image_url,style:'',transform:item.content.transform,work_control_id:item.id,work_page_id:work_page_id};
			var imgurl=item.content.image_url+imgsize_str;
			if(!UtilProperty[work_id].imageObj[imgurl]){// lym 2018.01.02 修改 图片加载 原先的的id标志转为url标志				
				mulitImg.push(imgurl);
				
			}
		}
		var fontstyle;
		var a;
		if(item.control_id==2){
			 a=item.content;
			 fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};//lym 2017 11.17 新增月历修改				
			obj.element_list[0]=new Object;
			obj.element_list[0].style=JSON.stringify(fontstyle);		
			obj.element_list[0].content='';
			if(typeof(a.format) != "undefined"){//lym 2017 11.22 新增月历修改	
				if(a.format!=""){//lym 2017 11.17 新增月历修改				
					if(a.format=="YYYY"){
						obj.element_list[0].content=dataObj.year;
					}else if(a.format=="YY"){
						obj.element_list[0].content=dataObj.year.substring(-1,2)+'年';
					}else if(a.format=="MM"){
						obj.element_list[0].content=dataObj.month;
					}
					
				}
			}	
		}
		//lym 2017 11.17 新增月历修改		
		if(item.control_id==3){
			obj.element_list[0]=new Object;			
			var a=item.content;
			var fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};
			obj.element_list[0].style=JSON.stringify(item.content);
			obj.element_list[0].content=dataObj.year+'-'+dataObj.month;
			obj.element_list[0].date_list=calendarMonthdata(dataObj.year,dataObj.month,a.column,a.weekstyle,obj.width,obj.height,fontstyle);
			obj.element_list[0].work_control_id='';
			obj.element_list[0].work_control_id=work_page_id;
		}
		
		//lym 2017 12.15   新增一图一记修改
		if(item.control_id==4){
			obj.element_list[0]=new Object;			
			var a=item.content;
			var fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};
			obj.element_list[0].style=JSON.stringify(item.content);
			obj.element_list[0].work_control_id='';
			obj.element_list[0].work_control_id=work_page_id;
			obj.element_list[0].content={date:weatherObj.date,icon:weatherObj.icon,location:weatherObj.location,weaid:weatherObj.weaid,wea:weatherObj.wea};		
			if(weatherObj.icon!=''){
				if(!UtilProperty.weathericon.hasOwnProperty(weatherObj.icon)){
					mulitImg.push(weatherObj.icon);					
					UtilProperty.weathericon[weatherObj.icon] = null;				
				}
			}
		}
		
		obj.ischange = true;
		for(var k = 0; k < temp.length; k++) {
			if(temp[k].disabled==0){
				if(item.control_id == temp[k].control_id&&item.control_id!=3) {//lym 2017 11.17 新增月历修改
					if(temp[k].element_list instanceof Array && temp[k].element_list.length > 0) {						
						if(item.control_id==2&&temp[k].element_list[0].content!=""&&item.disabled==0){//lym 2017 11.17 新增月历修改						
							if(temp[k].element_list[0].content.length>a.max){
								obj.element_list[0].content=temp[k].element_list[0].content.substring(0,a.max);
							}else{
								obj.element_list[0].content=temp[k].element_list[0].content;
							}
							obj.element_list[0].id = '';					
							delete obj.element_list[0].work_control_id;		
						}else if(item.control_id==1&&item.disabled==0){//lym 2017 11.17 新增月历修改
							obj.element_list = temp[k].element_list;	
							obj.element_list[0].id = '';
							delete obj.element_list[0].work_control_id;
							
						}else if(item.control_id==4&&item.disabled==0){//lym 2017 12.15  新增一图一记修改
							var weath_item=temp[k].element_list[0].content;
							obj.element_list[0].id = '';
							obj.element_list[0].content={date:weath_item.date,icon:weath_item.icon,location:weath_item.location,weaid:weath_item.weaid,wea:weath_item.wea};			
							delete obj.element_list[0].work_control_id;
						}
					
					}
					temp.splice(k, 1);
					break;
				}
				
			}
					
		}
		pageTempdata.push(obj);
	
	}
	UtilProperty[work_id].worker[pageno].control_list = pageTempdata;
	//判断图片是否完全加载完毕
	imagelistToObject(mulitImg,work_id,function(){//lym 2017 11.17 新增月历修改
		//判断是否所有作品的封面的图片都加载完毕
		changeoriginalcanvas(pageno);
		changepagemainbox(pageno);					
	})
	
}

//新建作品  根据选择的模板出现相应的布局
function showgetlayout(){//lym 2017.11.23更新
	//var elem=$('.workmodel_view input.weui-check:checked');
	//if(elem.length>0){	
		$("#originaleditor,#pagemain").hide().empty();	
		$.closePopup("#card_model_full");		
		$(".worker_con").hide();
		$(".originalwork").show();
		//var categoryid=elem.attr('id');	
		//$('.lay_type_item').removeClass("editoring");
		//$('.lay_type_item[layout_categoryid="'+categoryid+'"]').addClass("editoring");
		var categoryid=$('.layout_type .editoring').attr('layout_categoryid');	
		//遍历布局列表
	 	lay_list(categoryid); 	
		$(".layout_type").hide();
		$(".layout_list_box").show();
		$("#half .stop-editor").hide();
		$("#half").append('<div class="popup_forbidden _fixed"></div>')
		$("#half").popup();	
		//显示竖版横版
		showlayout_sty();
		opentype=2;	
	//}
}





//新建作品
function creatework(layout_categoryid,index){//index 是当前选择的布局 的下标   index是-1时 表示当前的布局选择的
			
		//var canvas= document.getElementById('originalcanvas');
					
		$("#loadtoast").show();	
		$.ajax({ 
			  		
		url:baseUrl+'other/work/add_work',	
		type:'POST',
		dataType:"json",		
		data:{sku_code:sku_code,user_id:user_id},		
        success:function(data){
        	if(data.code!=200){					 
				 $.alert(data.description, "提示", function() {		
				 		$(".originalwork").hide();
						$("#half .stop-editor").show();
						$(".worker_con").show();
						
			        });	
				 if(!$("#loadtoast").is(":hidden")){
				 	$("#loadtoast").hide();
				 }
			}else{
				product_id=data.data.product_id;
				work_id=data.data.id;			
				UtilProperty[work_id]=new Object;
				UtilProperty[work_id].workerInfo=data.data;
				UtilProperty[work_id].imageObj=new Object;	
				UtilProperty[work_id].base64image=new Array;
				//作品页面初始化接口 并且生成作品 得到页面数据
				initializationwork(layout_categoryid,work_id,function(layout_categoryid){
					
						//初始化布局
						initcontrol_list(layout_categoryid,index);//把布局信息合并到 新页面的控件中
						//在作品中展示新增加的作品
						shownewwork();
						/*if(ismodel!=0){//选择了不再提示
							$.closePopup("#card_model_full");	
						}else{*/
							$.closePopup("#half");	
						//}
						$(".workpage").show();				
						$("#originaleditor").show();
						$("#half .stop-editor").show();
						$("#loadtoast").hide();
						$(".popup_forbidden").remove();
				});
			}
		},
		error: function(XMLHttpRequest, textStatus, errorThrown){	
				if(XMLHttpRequest.status==0){
					 $.alert('加载失败，请重新加载', "提示", function() {		
				 		$(".originalwork").hide();
						$("#half .stop-editor").show();
						$(".worker_con").show();
						
			        });	
					 if(!$("#loadtoast").is(":hidden")){
				 	$("#loadtoast").hide();
					 }
				}else{					
					
					 $.alert(XMLHttpRequest.status, "提示", function() {		
				 		$(".originalwork").hide();
						$("#half .stop-editor").show();
						$(".worker_con").show();
						
			        });	
				}
							
		}
    });
		
		
		
}


//在作品中展示新增加的作品
function shownewwork(){
	var item=UtilProperty[work_id].workerInfo;
	var time=formatDate(item.add_time);
	var image_numstr=getimage_num(item.image_num);		
	var scale=album_wid/item.width;
	if($('.workaddtime[time="'+time+'"]').length==0){
		$(".workeritem").prepend('<div class="weui-cells__title workaddtime" time="'+time+'">'+time+'</div>');
	}
		var htm='<div class="work_itemlist" product_id="'+item.product_id+'" work_id="'+item.id+'" show_type="'+item.show_type+'"  print_type="'+item.print_type+'" status="'+item.status+'" image_num="'+image_numstr+'" add_time="'+time+'">'+
							'<div class="weui-flex">'+
								'<div class="weui-flex__item">'+
									'<div class="placeholder" style="height:'+parseInt(scale*item.height)+'px;" title="正面"><div class="icon_com"><i class="weui-icon-warn"></i></div></div>'+
								'</div>'+
								'<div class="weui-flex__item">'+
									'<div class="placeholder" style="height:'+parseInt(scale*item.height)+'px;" title="反面"><div class="icon_com"><i class="weui-icon-warn"></i></div></div>'+
								'</div>'+
								(item.status!=0?'<div class="copyyes"><img src="img/yin.png"></div>':'')+
							'</div>'+
							'<div class="weui-cell fr_work">'+
								'<div class="weui-cell__hd">'+
									'<label class="weui-cell weui-check__label" for="'+item.id+'">'+
								    '<input type="checkbox" class="work_input weui-check" name="checkboxwork" id="'+item.id+'">'+
									'<i class="weui-icon-checked"></i>'+
									'</label>'+
								'</div>'+
								'<div class="weui-cell__bd worker_countbox">'+							        	
									'<div class="worker_count"><a href="javascript:;" class="order_jian"><img src="img/remove.png"></a><span class="orderNumber">1</span><a href="javascript:;" class="order_add"><img src="img/add.png"></a></div>'+
								'</div>'+
							'</div>'+
						'</div>';
	
	$('.workaddtime[time="'+time+'"]').after(htm);
	
	if($("#show_worker").children().hasClass('no_work')){
		$(".no_work").remove();
		$('.workeritem').after('<div class="weui-cells__title no_morework">没有更多了</div>');
	}
}

//把布局信息合并到 新页面的控件中
function initcontrol_list(categoryid,index){	//index 是当前选择的布局 的下标
	var lay_list = UtilProperty.layout_category[categoryid].layout_list[index];	//当前选择的布局
	//lym 2017 11.17 新增月历修改
	var mulitImg=[];	
	for(var k = 0; k < UtilProperty[work_id].worker.length; k++) {
	var pageTempdata = new Array;	
	var work_page_id = UtilProperty[work_id].worker[k].id;
	var month=Number(dataObj.month);
	var year=Number(dataObj.year);
	if(UtilProperty[work_id].worker[k].title=="反面"){	//lym 2017 11.21  新增月历修改	
		year=month<12?year.toString():(year+1).toString();
		 month=month<12?(month+1<10?'0'+(month+1).toString():(month+1).toString()):'01';
		
	}else{
		month=dataObj.month;
		year=dataObj.year;
	}
	
	for(var i = 0; i < lay_list.control_list.length; i++) {
		var item = lay_list.control_list[i];
		
		var obj = {
			content: item.control_id==1?item.content:{},
			control_id: item.control_id,
			coordinate_x: item.coordinate_x,
			coordinate_y: item.coordinate_y,
			disabled:item.disabled,
			height: item.height,
			id: item.id,
			layout_id: item.layout_id,
			style: item.style,
			transform: item.transform,
			width: item.width,
			z_index: item.z_index			
		};
		obj.work_id = work_id;
		obj.work_page_id = work_page_id;
		obj.element_list=new Array;
		
		if(item.control_id==1 && !(item.content instanceof Array)){//lym 2017 11.17 新增月历修改
			obj.element_list[0]={cut_x:item.content.coordinate_x,cut_y:item.content.coordinate_y,height:item.content.height,width:item.content.width,image_id:item.content.image_id,image_url:item.content.image_url,style:'',transform:item.content.transform,work_control_id:item.id,work_page_id:work_page_id};
			var imgurl=item.content.image_url+imgsize_str;// lym 2018.01.02 修改 图片加载 原先的的id标志转为url标志
			if(!UtilProperty[work_id].imageObj[imgurl]){				
				mulitImg.push(imgurl);				
			}
		}
		
		if(item.control_id==2){
			var a=item.content;
			var fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};//lym 2017 11.17 新增月历修改		
			obj.element_list[0]=new Object;
			obj.element_list[0].style=JSON.stringify(fontstyle);
			obj.element_list[0].content=item.content.content;
			/*var alist={style:JSON.stringify(fontstyle),content:item.content.content};
			obj.element_list.push(alist);*/
			if(typeof(a.format) != "undefined"){
				if(a.format!=""){//lym 2017 11.17 新增月历修改				
					if(a.format=="YYYY"){
						obj.element_list[0].content=year;
					}else if(a.format=="YY"){
						obj.element_list[0].content=year.substring(-1,2)+'年';
					}else if(a.format=="MM"){
						obj.element_list[0].content=month;
					}
					
				}
			}
		}
		
		//lym 2017 11.17 新增月历修改		
		if(item.control_id==3){
			obj.element_list[0]=new Object;			
			var a=item.content;
			var fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};
			obj.element_list[0].style=JSON.stringify(item.content);
			obj.element_list[0].work_control_id='';
			obj.element_list[0].work_control_id=work_page_id;
			obj.element_list[0].content=year+'-'+month;
			obj.element_list[0].date_list=calendarMonthdata(year,month,a.column,a.weekstyle,obj.width,obj.height,fontstyle);
			
			
		}	
		//lym 2017 12.12 新增一图一记修改
		if(item.control_id==4){
			obj.element_list[0]=new Object;			
			var a=item.content;
			var fontstyle={align:a.align,color:a.color,direction:a.direction,line_space:a.line_space,max:a.max,size:a.size,format:a.format};
			obj.element_list[0].style=JSON.stringify(item.content);
			obj.element_list[0].work_control_id='';
			obj.element_list[0].work_control_id=work_page_id;
			obj.element_list[0].content={date:weatherObj.date,icon:weatherObj.icon,location:weatherObj.location,weaid:weatherObj.weaid,wea:weatherObj.wea};
			obj.element_list[0].transform=0;
		}
		
		
		
		obj.ischange = true;
		
		pageTempdata.push(obj);
	
	}
	UtilProperty[work_id].worker[k].control_list = pageTempdata;
	
	}
	//lym 2017 11.17 新增月历修改 //判断图片是否完全加载完毕
	imagelistToObject(mulitImg,work_id,function(){//lym 2017 11.16 更新
		//判断是否所有作品的封面的图片都加载完毕
		//打开新建的作品
	      openewwork();						
	})
	
}

//隐藏竖版横版
function hidelayout_sty(){
	$(".layout_sty").hide();
	$("#layout_vertical").prop("checked",true);
	$("#layout_horizontal").prop("checked",false);
}
//显示竖版横版
function showlayout_sty(){
	$(".layout_sty").show();
	$("#layout_vertical").prop("checked",true);
	$("#layout_horizontal").prop("checked",false);
}

//打开空的作品页
function openEmptywork(){
	$(".worker_con").hide();
	document.title = "编辑作品";
	$(".originalwork").show();
	$("#loadtoast").hide();
	$(".lay_type_item,.layout_list_item").removeClass('editoring');
	$(".layout_type").show();
	$(".workpage").hide();	
	$(".layout_list_box").hide();
	$("#half .stop-editor").hide();
	$("#half").append('<div class="popup_forbidden _fixed"></div>')
	$("#half").popup();	
	//隐藏竖版横版
	hidelayout_sty();
	opentype=2;	
	
}


//打开空的作品页 选择的布局
function Emptyworklayout(){
	var categoryid=$(".layout_type .editoring").attr('layout_categoryid');
	//遍历布局列表		
	lay_list(categoryid);
	$(".layout_type ").hide();
	$(".layout_list_box").show();	
	//显示竖版横版
	showlayout_sty();	
	$("#half").popup();	
	
}

//生成空白作品的数据
function Emptyworkdata(categoryid,index){
	//初始化布局
	initcontrol_list(categoryid,index);//把布局信息合并到 新页面的控件中	
	$.closePopup("#half");	
	$(".workpage").show();				
	$("#originaleditor").show();
	$("#half .stop-editor").show();	
	$(".popup_forbidden").remove();
	creatPage(work_id);
	changeoriginalcanvas(0);	
	opentype=0;
}

//判断是否含有月历模板
function judecalendar(index){	
	var item=UtilProperty[work_id].worker[index];
	var isflag=false;
	for(var k=0; k<item.control_list.length;k++){
		var list=item.control_list[k];
		if(list.control_id==3){
			isflag=true;
			dataObj.year=list.element_list[0].content.split('-')[0];
			dataObj.month=list.element_list[0].content.split('-')[1];
			return isflag;
		}
		
	}
	
	return isflag;
}